<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/reader.css">
</head>
<body>
    <div class="box_div">
        <ul class="meau">
            <li id="user">用户管理</li>
            <li id="toBook">图书管理</li>
            <li id="toBorrow">订单管理</li>
            <li id="toreader" class="active">读者管理</li>
            <li id="add">新增管理</li>
            <li id="back">退出系统</li>
        </ul>
    </div>
    <div class="info_box">
        <ul>
            <li>编号</li>
            <li>账号</li>
            <li>性别</li>
            <li>年龄</li>
            <li>借阅天数</li>
            <li>借阅数量</li>
            <li>操作</li>
        </ul>
        <ul class="det_info">
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
                
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
            <li>
                <div>123123123</div>
                <div>9527</div>
                <div>男</div>
                <div>28</div>
                <div>15</div>
                <div>29</div>
                <div>
                    <button class="show_change">修改</button>
                    <button>删除</button>
                </div>
            </li>
        </ul>
    </div>
    <div class="changeInfo" id="show_box">
        <ul>
            <li>
                <label for="">读者编号</label>
                <input type="text" disabled value="9527">
            </li>
            <li>
                <label for="">读者账号</label>
                <input type="text"  value="" placeholder="请输入读者账号...">
            </li>
            <li>
                <label for="">读者性别</label>
                <input type="text"  value="" placeholder="请输入读者性别...">
            </li>
            <li>
                <label for="">读者年龄</label>
                <input type="text"  value="" placeholder="请输入读者年龄...">
            </li>
            <li>
                <label for="">借阅数量</label>
                <input type="text"  value="" placeholder="请输入借阅数量...">
            </li>
            <li>
                <label for="">借阅天数</label>
                <input type="text"  value="" placeholder="请输入借阅天数...">
            </li>
        </ul>
        <div class="btu_box">
            <button>确定</button>
            <button id="hide_btu">取消</button>
        </div>
    </div>
    <div class="zz" id="dzz">

    </div>
</body>
<script src="../../js/reader.js"></script>
<script src="../../js/common_header.js"></script>
</html>